import React, { useEffect, useState } from 'react';
import { useNavigate } from 'react-router-dom';
import styles from './index.module.scss';
import bg from '@/assets/images/bg.png';

type IProps = {

}

const Home: React.FC<IProps> = () => {
    const navigate = useNavigate()
    return (
        <div className={styles['home-wrapper']}>
            Home
            <img style={{width: '150px'}} src={bg} alt="bg" />
            <button onClick={() => {
                navigate('/about')
            }}>to about</button>
        </div>
    )
}

export default Home